/**
*@author yajun.wang
*@description 展示标签
 */
<template>
  <div>
    <!-- <span :class="{label:true}"> -->
    <span :class="['label']">
      职工{{ user.dept }}，{{ user.name }} 的薪酬：{{ this.amount }}
    </span>
  </div>
</template>
<script>
export default {
  // 接收数据  props属性来接收通过父亲标签传递过来的属性数据,只能读值，不能修改
  props: {
    // 最简单的写法，默认值为0
    //amount:0,
    amount: {
      type: Number,
      // 标识属性是否必传
      required: true,
    },
    childType: String,
    type: {
      type: String,
      // 标识默认值
      default: "primary",
    },
    user: {
      // 面试题 new Object  和 Object.create 区别
      type: Object,
      default: function(){
          return  {name: "李四", dept: "运维" }
      }
    },
  },
  created() {
    console.log(this.childType);
  },
   methods:{
        changeAmount(name){
            // 通过一个方法触发事件 emit方法触发
            //  emit(事件名字,....参数)
            this.$emit('click',name)
             
        }
    }
};
</script>
<style scoped>
.label {
  display: inline-block;
  vertical-align: middle;
  padding: 4px 12px;
  line-height: 16px;
  font-size: 14px;
  color: azure;
}
.info {
  background-color: blue;
}
.warning {
  background-color: rgb(236, 137, 8);
}
.danger {
  background-color: red;
}
.primary {
  background-color: cyan;
}
</style>>
    
